<template>
  <div>
    <div class="son">
        <img src="@/assets/img/son1.png" alt="" class="son1">
        <h3>拯—场景概念设计实体班</h3>
        <img src="@/assets/img/son-xjt.png" alt="" class="son-xjt">
        <p>课程表</p>
        <p>（培训市场：18周）</p>
        <ul>
            <li>
                <p>01</p>
                <img src="@/assets/img/son-xg.png" alt="">
                <p>透视基础</p>
            </li>
            <li>
                <p>02</p>
                <img src="@/assets/img/son-xg.png" alt="">
                <p>光影基础</p>
            </li>
            <li>
                <p>03</p>
                <img src="@/assets/img/son-xg.png" alt="">
                <p>建筑基础</p>
            </li>
            <li>
                <p>04</p>
                <img src="@/assets/img/son-xg.png" alt="">
                <p>建筑设计</p>
            </li>
            <li>
                <p>05</p>
                <img src="@/assets/img/son-xg.png" alt="">
                <p>建筑细化</p>
            </li>
            <li>
                <p>06</p>
                <img src="@/assets/img/son-xg.png" alt="">
                <p>机械设计</p>
            </li>
            <li>
                <p>07</p>
                <img src="@/assets/img/son-xg.png" alt="">
                <p>机械设计</p>
            </li>
            <li>
                <p>08</p>
                <img src="@/assets/img/son-xg.png" alt="">
                <p>练习周</p>
            </li>
            <li>
                <p>09</p>
                <img src="@/assets/img/son-xg.png" alt="">
                <p>练习周</p>
            </li>
            <li>
                <p>10</p>
                <img src="@/assets/img/son-xg.png" alt="">
                <p>场景规划</p>
            </li>
            <li>
                <p>11</p>
                <img src="@/assets/img/son-xg.png" alt="">
                <p>场景元素</p>
            </li>
            <li>
                <p>12</p>
                <img src="@/assets/img/son-xg.png" alt="">
                <p>构图打光</p>
            </li>
            <li>
                <p>13</p>
                <img src="@/assets/img/son-xg.png" alt="">
                <p>命题细化</p>
            </li>
            <li>
                <p>14</p>
                <img src="@/assets/img/son-xg.png" alt="">
                <p>Q版技法</p>
            </li>
            <li>
                <p>15</p>
                <img src="@/assets/img/son-xg.png" alt="">
                <p>风格演示</p>
            </li>
            <li>
                <p>16</p>
                <img src="@/assets/img/son-xg.png" alt="">
                <p>物件剧情</p>
            </li>
            <li>
                <p>17</p>
                <img src="@/assets/img/son-xg.png" alt="">
                <p>练习周</p>
            </li>
            <li>
                <p>18</p>
                <img src="@/assets/img/son-xg.png" alt="">
                <p>结业周</p>
            </li>
        </ul>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
* {
    padding: 0;
    margin: 0;
}
.son {
    padding: 70px 330px 100px;
    background-color: #f4f4f4;
    .son1 {
        width: 1257px;
        height: 335px;
    }
    h3 {
        font-size: 35px;
        color: #434343;
        margin: 40px 0;
        line-height: 35px;
    }
    .son-xjt {
        width: 21px;
        height: 14px;
    }
    p {
        &:nth-of-type(1) {
            font-size: 34px;
            color: #434343;
            margin: 45px 0 13px;
            line-height: 34px;
        }
        &:nth-of-type(2) {
            font-size: 26px;
            color: #434343;
            line-height: 26px;
        }
    }
    ul {
        display: flex;
        list-style: none;
        width: 100%;
        justify-content: space-between;
        li {
            width: 35px;
            color: #434343;
            p {
                font-size: 28px;
                &:nth-of-type(2) {
                    font-size: 32px;
                    line-height: 43px;
                }
            }
            img {
                width: 35px;
                height: 35px;
                margin-bottom: 5px;
            }
        }
    }
}
</style>
